<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登入注册</title>
    <link rel="stylesheet" href="./css/core.css" />
    <link rel="stylesheet" href="./css/reigster.css" />
    <script src="./libs/jquery.js"></script>
    <script src="./js/code.js"></script>
    <script src="./libs/demo.js"></script> 
    <script src="./js/reigster.js"></script>
  </head>
  <body>
    <div class="headBigBox clearFixed">
      <!-- 最顶部 start -->
      <div class="heder big_area clearFixed">
        <div class="h-content area_px clearFixed fs12">
          <p class="fl">您好<span class="h-span"></span>，欢迎光临特步官方商城！</p>
          <ol class="clearFixed">
            <li onclick="$('#registerform').show()"><a href="#">注册</a></li>
            <li class="delv"><a href="#">登录</a></li>
          </ol>
          <ul class="hdUld fr">
            <li class="fl li1"><a href="">我的特步</a></li>
            <li class="fl li1"><a href="">品牌官网</a></li>
            <li class="fl li3">
              <div>
                <span class="fl"
                  ><img src="./images/mobile_icon.png" alt="" /></span
                ><a href="">手机特步<b>∨</b></a>
              </div>
            </li>
            <li class="fl">
              <div>
                <span class="fl"
                  ><img src="./images/cart_icon.png" alt="" /></span
                ><a href="" class="txt">购物车<span> &nbsp;(2) 件</span></a>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 最顶部 end -->
      <!-- nav start  -->
      <div class="nav clearFixed">
        <div class="navConetent">
          <img class="fl" src="./images/tebusb.jpg" alt="" />
          <div class="navBig fl">
            <div class="nav_Input">
              <input type="text" />
              <span>搜索</span>
            </div>
            <ul>
              <li>热门搜索:</li>
              <li>减震旋跑鞋</li>
              <li>山海休闲鞋</li>
              <li>动力巢跑鞋</li>
              <li>猫和老鼠联名款</li>
              <li>游云篮球鞋</li>
            </ul>
          </div>
          <div class="bigUl">
            <ul class="fr navlu2">
              <li><img src="./images/210-70.jpg" /></li>
              <li><img src="./images/huiyuan.jpg" alt="" /></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- nav end  -->
    <!-- 头部导航栏 start  -->
    <div class="h-Navigation">
      <dl class="area_px h-header">
        <dt onmousemove="$('.box').show()" onmouseout="$('.box').hide()">
          <!-- //  -->
          全部商品分类
          <div class="box clearFixed">
            <li class="clearFixed">
              <dl class="clearFixed">
                <dt>男鞋</dt>
                <dd>跑步鞋</dd>
                <dd>篮球鞋</dd>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女鞋</dt>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>科技跑鞋</dt>
                <dd>动力巢科技</dd>
                <dd>减震旋科技</dd>
                <dd>飚速科技</dd>
                <dd>竞速160X</dd>
                <dd>氢云科技</dd>
                <dd>驭能科技</dd>
                <dd>竞训260</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>潮流尖货</dt>
                <dd>二次元</dd>
                <dd>机甲系列</dd>
                <dd>山海系列</dd>
                <dd>国潮天乘</dd>
                <dd>怪兽大学</dd>
                <dd>兔八哥联名</dd>
                <dd>猫和老鼠联名</dd>
                <dd>姜子牙联名</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>男装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
          </div>
        </dt>
        <dd><a href="./index.html">首页</a></dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox1').show()"
          onmouseout="$('.navddbox1').hide()"
        >
          <a href="#">跑步</a>

          <div class="navddbox1">
            <div class="dd_left fl">
              <img src="./images/paobu.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox2').show()"
          onmouseout="$('.navddbox2').hide()"
        >
          <a href="#">男子</a>
          <div class="navddbox2">
            <div class="dd_left fl">
              <img src="./images/nanzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="javascript:void(0);">山海老爹鞋</a>
                  <a href="javascript:void(0);">猫和老鼠联名款</a>
                  <a href="javascript:void(0);">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox3').show()"
          onmouseout="$('.navddbox3').hide()"
        >
          <a href="#">女子</a>
          <div class="navddbox3">
            <div class="dd_left fl">
              <img src="./images/nvzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="javascript:void(0);">运动鞋</a>
                  <a href="javascript:void(0);">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="javascript:void(0);">休闲鞋</a>
                  <a href="javascript:void(0);">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="javascript:void(0);">山海老爹鞋</a>
                  <a href="javascript:void(0);">猫和老鼠联名款</a>
                  <a href="javascript:void(0);">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox4').show()"
          onmouseout="$('.navddbox4').hide()"
        >
          <a href="#">儿童</a>
          <div class="navddbox4">
            <div class="dd_left fl">
              <img src="./images/ertong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">童鞋</p>
                  <a href="javascript:void(0);">跑步鞋</a>
                  <a href="javascript:void(0);">休闲鞋</a>
                </li>
                <li>
                  <p>童装</p>
                  <a href="javascript:void(0);">短袖</a>
                  <a href="javascript:void(0);">短裤</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="javascript:void(0);"
                    >关注 "特步官方商城" 微信公众号,回复优惠券领取</a
                  >
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox5').show()"
          onmouseout="$('.navddbox5').hide()"
        >
          <a href="#">配件</a>
          <div class="navddbox5">
            <div class="dd_left fl">
              <img src="./images/peijian.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li><p>运动包</p></li>
                <li><p>运动袜</p></li>
                <li>
                  <p>帽子</p>
                </li>
                <li>
                  <p>护具</p>
                </li>
                <li>
                  <p>内裤</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="javascript:void(0);"
                    >关注 "特步官方商城" 微信公众号,回复优惠券领取</a
                  >
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox6').show()"
          onmouseout="$('.navddbox6').hide()"
        >
          <a href="#">马拉松</a>
          <div class="navddbox6">
            <div class="dd_left fl">
              <img src="./images/malasong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">竞速160</p>
                </li>
                <li>
                  <p>竞训300</p>
                </li>
                <li>
                  <p>跑步服饰系列</p>
                </li>
                <li class="abox">
                  <p>马拉松专题</p>
                  <a href="javascript:void(0);">沈阳马拉松</a>
                  <a href="javascript:void(0);">成都马拉松</a>
                  <a href="href=" javascript:void(0);>太原马拉松</a>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="javascript:void(0);"
                    >关注 "特步官方商城" 微信公众号,回复优惠券领取</a
                  >
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd class="h_dl_last"><a href="#">团购定制</a></dd>
      </dl>
    </div>
    <!-- 头部导航栏 end  -->

    <!-- 中间内容区 start  -->
    <div class="r-content">
      <div class="boxImg">
        <div class="txt">
          <h2>
            用户登录 <a onclick="$('#registerform').show()">免费注册>></a>
          </h2>
          <form class="login_form">
            <label><input type="text" class="userTxt" name="username" /></label>
            <label
              ><input type="password" class="pwdTxt" name="password"
            /></label>
            <div class="c-txt clearFixed">
              <a href="javascript:void(0);">忘记密码?</a>
            </div>
            <button class="but1">登 录</button>
          </form>

          <div class="boxlogqq">
            其他登入方式:<i class="i-1"></i> <i class="i-2"></i>
          </div>
        </div>
        <form id="registerform">
          <div class="reg-box">
            <h2>快速注册</h2>
            <div class="panduan"></div>

            <div class="reg-box-line">
              <ul>
                <li>
                  <label for=""><span>*</span> 用 户 名: </label>
                  <input class="ipt1" type="text" name="regname" />
                </li>
                <li>
                  <label for=""><span>*</span> 密 码:</label>
                  <input class="ipt1" type="password" name="regpassword" />
                  <div class="ts"></div>
                </li>
                <li>
                  <label for=""><span>*</span>确认密码:</label>
                  <input class="ipt1" type="password" name="password2" />
                  <div class="ts"></div>
                </li>
                <!-- <li>
                  <label for=""><span>*</span> 电子邮箱:</label>
                  <input class="ipt1" type="text" name="txtemail">
                </li> -->
                <li>
                  <label for=""><span>*</span> 手机号:</label>
                  <input class="ipt1" type="text" name="txtmobile" />
                </li>
                <li>
                  <label for=""><span>*</span> 短信验证码:</label>
                  <input type="text" name="code" class="duanxin ipt1" />
                  <a href="" class="yanzma">获取验证码</a>
                </li>
                <li>
                  <label for=""><span>*</span> 验证码:</label>
                  <input type="text" name="scma" class="yzma2 ipt1" />
                  <canvas
                    width="60"
                    height="20"
                    style="border: 1px solid #000; position: relative; top: 7px"
                  ></canvas>
                </li>

                <li>
                  <input type="checkbox" class="danxun ipt1" name="danxun"/>我看过并接受<a
                    href="https://www.xtep.com.cn/?id=2019"
                    >《特步用户协议》</a
                  >
                </li>
              </ul>
              <button class="but">立 即 注 册</button>
            </div>
          </div>
          <div class="back2login">
            <a class="bigclose" onclick="$('#registerform').hide()">x</a>
            <p>已有特步账号?</p>
            <button onclick="$('#registerform').hide()">立 即 登 录</button>
            <div class="boxlogqq">
              其他登入方式:<i class="i-1"></i> <i class="i-2"></i>
            </div>
          </div>
        </form>
      </div>
    </div>
    <!-- 中间内容区 end  -->

    <!-- //工作详情 start -->
    <div class="footer-1 area_px clearFixed">
      <dl class="d1">
        <dt>关于我们</dt>
        <dd>公司简介</dd>
        <dd>联系我们</dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd>常见问题</dd>
        <dd>用户注册</dd>
        <dd>购物流程</dd>
      </dl>
      <dl>
        <dt>售后服务</dt>
        <dd>配送方式</dd>
        <dd>防伪查询</dd>
        <dd>发票制度</dd>
      </dl>
      <div class="foot-2_txt fr">
        <h1>400-008-7666</h1>
        <div class="p1">周一至周日 8:30-21:30</div>
        <a
          href="javascript:void(0);"
          onclick="NTKF.im_openInPageChat('kf_9707_1414986472014');"
        ></a>
        <div class="p1">周一至周日 8:30-21:30</div>
      </div>
    </div>
    <!-- //工作详情 end  -->

    <!-- 尾部导航栏 start  -->
    <div class="clearFixed footer3">
      <div class="footer_nav area_px">
        <img src="./images/x-footer.jpg" alt="" />
      </div>
    </div>
    <!-- 尾部导航栏 end  -->
    <!-- 尾部备案号 start  -->
    <div class="footer_bah area_px">
      <ul class="clearFixed">
        <a href="javascript:void(0);">
          <li class="li1">关于特步</li>
        </a>
        <a href="">
          <li>帮助中心</li>
        </a>
        <a href="">
          <li>友情链接</li>
        </a>
        <a href="">
          <li>联系我们</li>
        </a>
      </ul>
      <p>
        特步跑鞋 Copyright 2011 xtep.com 特步运动服 All Rights Reserved
        特步官方旗舰店 ICP：<a
          href="https://beian.miit.gov.cn/#/Integrated/index"
          >闽ICP备05021253号-1
        </a>
        特步官网专卖店
      </p>
      <p class="p1">
        <img src="./images/1234.png" alt="" />闽公网安备 35020302001628号
      </p>
    </div>
    <!-- 尾部备案号 end  -->

    <!-- 首页结尾 start  -->
    <div class="footerbig">
      <div class="footerend">
        <img src="./images/onlinepay.jpg" alt="" />
        <img src="./images/goodwebsite.jpg" alt="" />
        <img src="./images/salf.jpg" alt="" />
        <img src="./images/ei_normal.png" alt="" />
        <img src="./images/brand_bottom_large.jpg" alt="" />
      </div>
    </div>
    <!-- 首页结尾 end  -->
  </body>
</html>
